<template>
	<div class="order-address mt16">
		<div class="address-l">
			<div class="name">
				<p>收货人：</p>
				<span class="people">孙小兵</span>
				<span class="phone">13812345678</span>
			</div>  
			<div class="address-wrap">
				<p>收货地址：<span class="address">上海市长宁区新华路街道华山路1520弄15号车享大楼</span></p>
			</div>

		</div>
		<div class="address-r">
			<img src="../../assets/images/arrow.png" alt="placeholder+image">
		</div>
	</div>
		
</template>

<script type="text/javascript">
import Vue from 'vue';

export default {
	  methods: {
	  	
	  }
}
	

</script>


<style lang="scss">
	@import "../../assets/css/_functions.scss";	
	@import "../../assets/css/_variables.scss";	
	.order-address{
		width: rem(375);
		padding: 0 rem(15);
		display: flex;
		justify-content:space-between;
		height: auto;
		overflow: hidden;
		background: #fff;
		.address-l{
			width: rem(320);
			height: auto;
			padding:rem(12) 0;
			font-size:rem(14);
			color:#333333;
			line-height:rem(22);
			.name{
				display: flex;
				justify-content:flex-start;
				.people{
					margin-right: rem(10);
				}
			}
			.address-wrap{
				display: flex;
				justify-content:flex-start;
				
			}


		}
		.address-r{
			position: relative;

			>img{
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: rem(8);
				height: rem(13);
			}
		}


	}
	
</style>